// 导入用来创建路由和确定路由模式的两个方法
import {
  createRouter,
  createWebHistory
} from 'vue-router'

/**
* 定义路由信息
* 
*/
const routes = [
  {
    //默认访问login页面
    path: '/',
    component: () => import('../components/UserLogin.vue')
  },
  {
    path: '/login',
    component: () => import('../components/UserLogin.vue')
  },
  {
    path: '/register',
    component: () => import('../components/UserRegister.vue')
  },
  {
    path: '/SystemIndex',
    component: () => import('../components/SystemIndex.vue')
  }
]

// 创建路由实例并传递 `routes` 配置
// 我们在这里使用 html5 的路由模式，url中不带有#，部署项目的时候需要注意。
const router = createRouter({
  history: createWebHistory(),
  routes, 
})




// 将路由实例导出
export default router